.card-bg-none{
    background: none !important;
}
:root {
    --yellow-color: #f79b06; /* Define primary color variable */
    --blue-color: #0A4191; /* Define secondary color variable */
  }

.text-yellow{
    color:var(--yellow-color);
}
.text-blue{
    color:var(--blue-color);
}
.bg-yellow{
    background:var(--yellow-color);
}
.bg-blue{
    background:var(--blue-color);
}
.card-shadow-hover {
    transition: box-shadow 0.3s;
  }

  .card-shadow-hover:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);

  }
 .card-image{
    width:100%;
    max-height: 200px;
 }

 .image-container {
    width: 100%; /* Set the width of the container */
    height: 260px; /* Set the height of the container */
    position: relative; /* Set the position to relative for absolute positioning */
    overflow: hidden; /* Hide any overflow of the image */
  }

.institute-image{
    max-width: 90%;
    height: auto;
    padding: 10%;
}

  .institute-container img {
    position: absolute; /* Position the image absolutely */
    top: 0%; /* Align the image to the top of the container */
    left: 50%; /* Center the image horizontally */
    transform: translateX(-50%); /* Adjust the image horizontally */
    width: auto; /* Ensure the image width adjusts to its container */
    height: auto; /* Set the height to cover the entire container */
  }
.profile-image{
  width: 250px;
  height: 250px;
}
.profile-dashboard-image{
  width: 200px;
  height: 200px;
}
.signup-teacher-bg{
    min-height: 110px;
    background-color: #F9E7CD;
}
.signup-institute-bg{
    min-height: 110px;
    background-color: #CAFCDF;
}
.signup-student-bg{
    min-height: 110px;
    background-color: #F1E4F9;
}
.btn-purple{
    color: #ffffFF;
    background-color: #A83DF4;
}
.btn-purple:hover{
    color: #ffffFF;
    background-color: #b759fa;
}
.login-bg{
    min-height: 110px;
    background-color: #BFE8FF;
}
.reset-bg{
    min-height: 110px;
    background-color: #FCFFC0;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #f5f5f5;
}
.search-input-header:focus{
    outline: none; /* Removes the default browser outline */
    box-shadow: none;
}
 @media (min-width: 576px) {
    .network-image{
        margin-top: 0px !important;
     }
  }


@media (min-width: 768px) {
    .network-image{
        margin-top: -200px !important;
     }
 }


@media (min-width: 992px) {  }


@media (min-width: 1200px) {  }


@media (min-width: 1400px) {  }